@import url("./mixin.less");

*,
view {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* 初始化uni-popup样式 */
/deep/ .vue-ref {
  top: 0 !important;
  left: 0 !important;
}

uni-page-body,
html,
body {
  width: 100%;
  height: 100%;
  background-color: #f6f7f9;
  overflow-x: hidden;
}

uni-page-body > view,
.container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f6f7f9;
}

.page-inner > view {
  width: 100%;
  height: 100%;
}

.has-btn {
  bottom: calc(constant(safe-area-inset-bottom) + 50px) !important;
  bottom: calc(env(safe-area-inset-bottom) + 50px) !important;
}

.noData-center {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  image {
    width: 300upx;
    height: 242upx;
  }
}

button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  &::after {
    border: 0;
  }
}

/* 单行省略  */
.single-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 两行省略  */
.multiline-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

/deep/ .formPlaceholader {
  font-size: 24upx !important;
  color: #999999 !important;
}

/* checkbox样式重定义  */
uni-checkbox .uni-checkbox-input {
  width: 33upx;
  height: 33upx;
  border: 3upx solid #c7c7c8;
  border-radius: 0;
}

/* checkbox选中后样式  */
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
  background-color: #1ca9ff !important;
  border: 3upx solid #1ca9ff !important;
}

/* checkbox选中后图标样式  */
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
  font-size: 30upx;
  color: #ffffff;
}

/* checkbox hover样式  */
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
  border-color: #1ca9ff !important;
}

/* radio样式重定义  */
uni-radio .uni-radio-input {
  width: 33upx;
  height: 33upx;
  border: 3upx solid #c7c7c8;
  border-radius: 0;
}

/* radio选中后样式  */
uni-radio .uni-radio-input.uni-radio-input-checked {
  background-color: #1ca9ff !important;
  border: 3upx solid #1ca9ff !important;
}

/* radio选中后图标样式  */
uni-radio .uni-radio-input.uni-radio-input-checked:before {
  font-size: 30upx;
  color: #ffffff;
}

/* radio hover样式  */
uni-radio:not([disabled]) .uni-radio-input:hover {
  border-color: #1ca9ff !important;
}

.uploade-img > view {
  background-position: center center !important;
  background-size: contain;
}

/* picker样式修改  */
.uni-picker-container .uni-picker-item {
  padding: 0 50upx;
}

// input默认样式
input {
  background: none;
  outline: none;
  border: none;
  color: #333333;
}

input:focus {
  border: none;
}

input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 33upx;
  color: #b6b9c1;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 33upx;
  color: #b6b9c1;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 33upx;
  color: #b6b9c1;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 33upx;
  color: #b6b9c1;
}

.uni-input-input {
  color: #008fff;
}

.uni-input-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #1d256e;
}

.uni-input-placeholder {
  color: #b6b9c1;
}

uni-input {
  width: 100%;
  color: #1d256e;
}

.uni-tab-item-title {
  padding-bottom: 9px !important;
}

.uni-searchbar {
  height: 52px;
  background-color: #1d256e !important;
}

// 初始化uni-textarea
uni-textarea {
  width: 100%;
  height: 44upx;
}

.formPlaceholader {
  color: #c7c7c8;
}

uni-image,
image {
  width: 100%;
  height: 100%;
}

.uni-swipe {
  margin-top: 20upx;
  border-radius: 20upx;
}

uni-swiper .uni-swiper-slides {
  height: 100%;
}

.uni-scroll-view-content {
  display: flex;
  flex-direction: row;
}

/* 滚动条样式 */
.scroll::-webkit-scrollbar {
  width: 4px;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #f1f1f2;
}

/* 自定义文字 */
@font-face {
  font-family: "mxdatepickericon";
  src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMYAAsAAAAACBgAAALMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDIgqDRIJiATYCJAMUCwwABCAFhG0HSRvfBsg+QCa3noNAyAQ9w6GDvbwpNp2vloCyn8bD/x+y+/5qDhtj+T4eRVEcbsCoKMFASzCgLdDkmqYDwgxkWQ6YH5L/YnppOlLEjlnter43YRjU7M6vJ3iGADVAgJn5kqjv/wEii23T86UsAQT+04fV+o97VTMx4PPZt4DlorLXwIQiGMA5uhaVrBWqGHfQXcTEiE+PE+g2SUlxWlLVBHwUYFMgrgwSB3wstTKSGzqF1nOyiGeeOtNjV4An/vvxR58PSc3AzrMViyDvPo/7dVEUzn5GROfIWAcU4rLXfMFdhte56y4We9gGNEVIezkBOOaQXUrbTf/hJVkhGpDdCw7dSOEzByMEn3kIic98hMxnAfeFPKWCbjRcA148/HxhCEkaA94eGWFaGolsblpaWz8/Po2WVuNHh1fmBpZHIpqal9fOjizhTteY+RZ9rv02I/pq0W6QVH3pSncBz3m55r9ZIPycHfmenvxe4uyutIgfT5u4bgkDusl9gcF0rnfnz+b2NpSaQWBFeu8GIL1xQj5AH/6FAsEr/50F28e/gA9ny6KjLrxIp0TE+UucmQOl5AFNLXkzZufWamWHYEI39PEP2If97CMdm51N6DSmIekwAVmneXTBr0PVYx+aTgfQbU3p+R4jKHdRurBq0oEw6AKSfm+QDbpGF/w3VOP+oBnMHbqdx409FjP4RRHHkAj5IWgQiBUjHfMTuQ1Icpg5avI4sQVRu8EHdWptM1aKrIjuscfeL+kZwxBTYoElztOQ2UygjRIjEphaZsyWodHgvm9SC8QC/JygEA6DiCDeEMhAQFhhOpvxa/18A0TiYMahIy0L2hYIZWeYH9JR085Al4qts1re5St2/SR6DINBGEVYQCWOETHDMAHZ+pcZIQJGTV4RtMmg8UbhuWL1+VLLA2RFHYC71kiRo0SNpjwQh8pj2EFU3oTNmS1WqgIA") format("woff2");
}

.picker-icon {
  font-family: "mxdatepickericon" !important;
}

.picker-icon-you:before {
  content: "\e63e";
}

.picker-icon-zuo:before {
  content: "\e640";
}

.picker-icon-zuozuo:before {
  content: "\e641";
}

.picker-icon-youyou:before {
  content: "\e642";
}

uni-swiper {
  height: 100%;
}

.uni-progress-bar,
.uni-progress-inner-bar {
  overflow: hidden;
  border-radius: 30upx;
}

.uni-progress-bar {
  background-color: #f6f7f9 !important;
}

// 底部导航栏线样式
uni-tabbar .uni-tabbar-border {
  background-color: #e7e7e7 !important;
}

.uni-swipe_button {
  flex-direction: column !important;
  padding: 0 !important;
  width: 160upx;
  .icon {
    width: 50upx;
  }
}

// 滚动条样式
.scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.scroll::-webkit-scrollbar {
  width: 4px;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #f1f1f2;
}

// 初始化radio,微信小程序
radio .wx-radio-input {
  margin-top: -8upx;
  width: 28upx;
  height: 28upx;
  border-radius: 0;
}

radio .wx-radio-input.wx-radio-input-checked::before {
  background-color: #6abe83;
  border-color: #6abe83;
  font-size: 28upx;
}

checkbox .wx-checkbox-input {
  margin-top: -8upx;
  width: 28upx;
  height: 28upx;
  border-radius: 0;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background-color: #6abe83;
  border-color: #6abe83;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 28upx;
  height: 28upx;
  color: #ffffff;
  font-size: 28upx;
}
